<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../lagou-bootstrap/css/bootstrap.min.css">
</head>

<body style="padding: 50px" onload="init()">
    <div class="container" id="cc">
        <div class="header">
            <button class="btn btn-primary" data-toggle="modal" data-target="#MyModal">新增</button>
            <button class="btn btn-primary" id="delete">删除</button>
            <button class="btn btn-primary" id="edit">编辑</button>
            <button class="btn btn-primary" id="search">查询</button>
            <input type="text" placeholder="按工号查询" style="width: 130px" id="byId">
            <input type="text" placeholder="按姓名查询" style="width: 130px"id="byName">
        </div>
        <table class="table" id="t">
            <thead>
                <tr style="height: 50px; ">
                    <th>序号</th>
                    <th>工号</th>
                    <th>姓名</th>
                    <th>性别</th>
                    <th>密码</th>
                    <th>年龄</th>
                    <th>出生日期</th>
                </tr>
            </thead>

            <tbody id="tbody" class="table-striped">



                <div class="modal" id="MyModal" data-backdrop="static">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4>请输入要添加或修改员工的信息</h4>
                                <button class="close" data-dismiss="modal">
                                    <!-- 取消事件-->
                                    <span>
                                        &times;
                                    </span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <div class="input-group">
                                    <input type="text" placeholder="请输入序号" class="form-control" id="xid">
                                    <input type="text" placeholder="请输入工号" class="form-control" id="gid">
                                    <input type="text" placeholder="请输入姓名" class="form-control" id="name">
                                    <input type="text" placeholder="性别" class="form-control" id="sex">
                                    <input type="text" placeholder="密码" class="form-control" id="password">
                                    <input type="text" placeholder="年龄" class="form-control" id="age">
                                    <input type="text" placeholder="出生日期" class="form-control" id="birthday">
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button class="btn btn-primary" id="save" data-dismiss="modal">保存</button>
                                <button class="btn btn-default" data-dismiss="modal">取消</button>
                            </div>
                        </div>
                    </div>
                </div>

            </tbody>
        </table>
    </div>
</body>
<script src="../lagou-bootstrap/js/jquery-3.3.1.min.js"></script>
<script src="../lagou-bootstrap/js/bootstrap.min.js"></script>
<script src="task.js"></script>

</html>